/* severely modified version of gumby framework's grid */

/* ################################################################################# */
/* ############################ ROW AND COLUMN DEFAULTS ############################ */
/* ################################################################################# */

gs-grid {
    display: block;
    width: 100%;
    
    *zoom: 1;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

gs-block {
    display: block;
    float: left;
    min-height: 1px;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

gs-grid[padded] {
    padding: 1em;
}

gs-grid:before, gs-grid:after {
    content: '';
    display: table;
}

gs-grid:after {
    clear: both;
}


/* ################################################################################# */
/* ################################## GRID GUTTER ################################## */
/* ################################################################################# */

gs-grid[gutter] > gs-block {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

/* ################################################################################# */
/* ################################# FORCE  REFLOW ################################# */
/* ################################################################################# */

gs-grid[force-reflow] {
    width: 100%;
}

gs-grid[force-reflow] > gs-block {
    width: auto !important;
    float: none;
}